<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 头部导航 -->
    <div class="head">
        <div class="contain">
            <div class="left-logo">
                <img src="img/logo.png" alt="">
            </div>
            <div class="right-nav">
                <ul>
                    <li class="shouye"><a href="#">网站首页</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li class="xiangmu"><a href="#">服务项目<i class="fa fa-sort-down"></i></a></li>
                    <li><a href="#">成功案例</a></li>
                    <li class="zixun"><a href="#">新闻资讯<i class="fa fa-sort-down"></i></a></li>
                    <li class="zhichi"><a href="#">服务支持<i class="fa fa-sort-down"></i></a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 中心 -->
    <div class="main">
        <!-- 横幅 -->
        <div class="banner">
        </div>
        <!-- 四大logo -->
        <div class="section">
            <div class="item1">
                <div class="icon">
                <i class="fa fa-leaf"></i>
                </div>
                <h3><a href="">项目孵化</a></h3>
                <p>创业者，更多都是比较有激情的年轻人。年轻人创业，往往缺少足够的资金、足够的经验和社会资源。</p>
            </div>
            <div class="item2">
                <div class="icon">
                    <i class="fa fa-th"></i>
                    </div>
                    <h3><a href="">项目策划</a></h3>
                    <p>项目取名、可研分析报告、商业计划书、项目全程策划、营销诊断、项目营销推广、营销事件策划、媒体资源整合。</p>
            </div>
            <div class="item3">
                <div class="icon">
                    <i class="fa fa-paper-plane-o"></i>
                    </div>
                    <h3><a href="">品牌策划</a></h3>
                    <p>品牌取名、品牌战略咨询、品牌全案策划、营销诊断、品牌营销推广、营销事件策划、商标域名注册、媒体资源整合。</p>
            </div>
            <div class="item4">
                <div class="icon">
                    <i class="fa fa-star"></i>
                    </div>
                    <h3><a href="">视觉设计</a></h3>
                    <p>Logo/标志设计、VI设计、画册设计印刷、产品包装设计、网站设计、门店形象设计、广告宣传设计、平面包月设计。</p>
            </div>
        </div>
        <!-- 服务项目 -->
        <div class="service">
            <div class="service_contain">
                <h2>
                    <a href="">服务项目</a>
                </h2>
                <p>世界是蓝色的，蓝色是天空，蓝色是海洋，蓝色是梦想，蓝色是巨人，蓝色是传奇！</p>
            </div>
            <div class="service_pic">
                <ul>
                    <li><a href="#">
                        <img src="img/001.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                            <h3>产品名称五</h3>
                            <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="img/002.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                                <h3>产品名称一</h3>
                                <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="img/003.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                                <h3>产品名称九</h3>
                                <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="img/004.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                                <h3>产品名称八</h3>
                                <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="img/005.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                                <h3>产品名称七</h3>
                                <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="img/006.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                                <h3>产品名称六</h3>
                                <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="img/007.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                                <h3>产品名称四</h3>
                                <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="img/008.jpg" alt="">
                        <div class="overlay">
                            <div class="overlay_contain">
                                <h3>产品名称三</h3>
                                <p>项目策划</p>
                            </div>
                        </div>
                    </a></li>
                </ul>
            </div>
            <!-- 品牌一站 -->
            <div class="pinpai">
                <div class="pinpai_center">
                    <div class="pinpai_up">
                        <h2>
                           品牌一站式服务
                        </h2>
                        <p>专业专注专心！登高以观远，入微以见尘，帮助企业实施品牌战略升级，提供专业、系统化解决方案！</p>
                    </div>
                    <div class="pinpai_down">
                        <div class="pinpai_down_left">
                            <img src="img/iservice.jpg" alt="">
                        </div>
                        <div class="pinpai_down_right">
                            <div class="text1">
                                <i class="fa fa-heart-o"></i>
                                <h3>让企业更省心省事</h3>
                                <p>一站式服务，可以让一个企业更省心、省事，大大节约时间与沟通成本。</p>
                            </div>
                            <div class="text2">
                                <i class="fa fa-trophy"></i>
                                <h3>利于品牌推广成效</h3>
                                <p>一站式服务，可以保证品牌营销思路的统一性与完整性, 更利于品牌的整合营销推广成效。 </p>
                            </div>
                            <div class="text3">
                                <i class="fa fa-pagelines"></i>
                                <h3>提高品牌营销力</h3>
                                <p>一站式服务，能提高品牌营销应对市场的反应能力与反应速度。</p>
                            </div>
                            <div class="text4">
                                <i class="fa fa-star"></i>
                                <h3>相对平衡的整体形象水准</h3>
                                <p>一站式服务，能保证品牌各个环节呈现出的作品，能形成一个相对平衡的整体形象水准，避免因为不同公司服务而造成的参差不齐。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 做什么？ -->
                <div class="banner_logo">
                    <div class="banner_logo_center">
                        <div class="banner_logo_up">
                            <h2>
                                我们能为您做什么？
                             </h2>
                             <p> 我们提供：项目全程策划、推广。营销一站式的活儿我们全得干！为了养家糊口，这些手艺活儿我们也得干：LOGO设计、VI设计、门户网站。 </p>
                        </div>
                        <div class="banner_logo_down">
                            <div class="logo1">
                                <div class="logo1_contain">
                                    <i class="fa fa-line-chart"></i>
                                    <p>
                                        <span>调研分析</span>
                                    </p>
                                </div>
                            </div>
                            <div class="logo2">
                                <div class="logo1_contain">
                                    <i class="fa fa-anchor"></i>
                                    <p>
                                        <span>定位策划</span>
                                    </p>
                                </div>
                            </div>
                            <div class="logo3">
                                <div class="logo1_contain">
                                    <i class="fa fa-globe"></i>
                                    <p>
                                        <span>营销推广</span>
                                    </p>
                                </div>
                            </div>
                            <div class="logo4">
                                <div class="logo1_contain">
                                    <i class="fa fa-desktop"></i>
                                    <p>
                                        <span>门户网站</span>
                                    </p>
                                </div>
                            </div>
                            <div class="logo5">
                                <div class="logo1_contain">
                                    <i class="fa fa-thumbs-up"></i>
                                    <p>
                                        <span>LOGO设计</span>
                                    </p>
                                </div>
                            </div>
                            <div class="logo6">
                                <div class="logo1_contain">
                                    <i class="fa fa-picture-o"></i>
                                    <p>
                                        <span>VI设计</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 新闻资讯 -->
                <div class="news">
                    <div class="news_center">
                        <div class="news_up">
                            <h2>
                                 <a href="">新闻资讯</a>
                             </h2>
                             <p> 品牌策划——品牌崛起的推动力量！营销、推广、策划一站式服务！提供专业、系统化解决方案！ </p>
                        </div>
                        <div class="news_down">
                            <div class="news_down_contain1">
                                <a href="">
                                    <img src="img/news1.jpg" alt="">
                                </a>
                                <div class="content">
                                    <p class="data">
                                        <i class="fa fa-calendar"></i>
                                        &nbsp;2025-03-12
                                    </p>
                                    <h4>
                                        <a href="">做好网站设计这些规范准则要知晓</a>
                                    </h4>       
                                    <p class="write">
                                        一个网站的建设最关键都就是页面的设计了，它是一件非常复杂还有繁琐的工作，因为在设计的过程中考虑的因素有很多，根据客户的需求不同修改的方向...
                                    </p>
                                    <a href="" class="read">
                                        阅读更多&nbsp;
                                        <i class="fa fa-angle-double-right"></i>  
                                    </a>
                                </div>
                            </div>
                            <div class="news_down_contain2">
                                <a href="">
                                    <img src="img/news2.jpg" alt="">
                                </a>
                                <div class="content">
                                    <p class="data">
                                        <i class="fa fa-calendar"></i>
                                        &nbsp;2025-03-12
                                    </p>
                                    <h4>
                                        <a href="">建站过程中很容易让人忽视的三大细节</a>
                                    </h4>       
                                    <p class="write">
                                        一个网站的建设是需要专业性、技术性很强的人才能够做的，并不是敲打一些代码、上传一些图片就可以的了，如果在建设网站的时候设计不当，很有可能......
                                    </p>
                                    <a href="" class="read">
                                        阅读更多&nbsp;
                                        <i class="fa fa-angle-double-right"></i>  
                                    </a>
                                </div>
                            </div>
                            <div class="news_down_contain3">
                                <a href="">
                                    <img src="img/news3.jpg" alt="">
                                </a>
                                <div class="content">
                                    <p class="data">
                                        <i class="fa fa-calendar"></i>
                                        &nbsp;2025-03-12
                                    </p>
                                    <h4>
                                        <a href="">网站制作注意这些事项 让营销效果更佳</a>
                                    </h4>       
                                    <p class="write">
                                        现在的企业为了能够更好的顺应时代发展与运营，基本上都会有一个自己的网站。同行之间的竞争都非常的激烈，所以选择到一个正规又专业的开发公司来......
                                    </p>
                                    <a href="" class="read">
                                        阅读更多&nbsp;
                                        <i class="fa fa-angle-double-right"></i>  
                                    </a>
                                </div>
                            </div>
                            <div class="news_down_contain4">
                                <a href="">
                                    <img src="img/news4.jpg" alt="">
                                </a>
                                <div class="content">
                                    <p class="data">
                                        <i class="fa fa-calendar"></i>
                                        &nbsp;2025-03-12
                                    </p>
                                    <h4>
                                        <a href="">网站设计的四大禁忌 一定要远离</a>
                                    </h4>       
                                    <p class="write">
                                        一个网站的建设最重要的步骤就是网站设计，这是能够吸引用户最关键的因素。一个网站是否出彩就看网站设计的怎么样，一些不合理、不出彩的网站设计......
                                    </p>
                                    <a href="" class="read">
                                        阅读更多&nbsp;
                                        <i class="fa fa-angle-double-right"></i>  
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 合作伙伴 -->
                    <div class="banner_logo1">
                        <div class="banner_logo1_center">
                            <div class="banner_logo1_up">
                                <h2>
                                    我们的合作伙伴
                                 </h2>
                                 <p> 品牌策划——品牌崛起的推动力量！营销、推广、策划一站式服务！提供专业、系统化解决方案！ </p>
                            </div>
                            <div class="banner_logo1_down">
                                <div class="banner_logo1_down_pic1">
                                    <img src="img/dianqi.jpg" alt="">
                                </div>
                                <div class="banner_logo1_down_pic2">
                                    <img src="img/haushou.jpg" alt="">
                                </div>
                                <div class="banner_logo1_down_pic3">
                                    <img src="img/meituan.jpg" alt="">
                                </div>
                                <div class="banner_logo1_down_pic4">
                                    <img src="img/paidui.jpg" alt="">
                                </div>
                                <div class="banner_logo1_down_pic5">
                                    <img src="img/city.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 咨询我们 -->
                    <div class="zixunwomen">
                        <div class="zixunwomen_center">
                            <div class="zixunwomen_row">
                                <div class="zixunwomen_row_left">
                                    <p>我们主要以项目合作制为服务模式，在一个特定的时期内，我们的团队将深入企业的某个角落。</p>
                                </div>
                                <div class="zixunwomen_row_right">
                                    <a href="#">咨询我们</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 底部 -->
                    <div class="footer">
                        <div class="footer_center">
                            <div class="footer_row">
                                <div class="footer_about1">
                                    <h4>
                                        <a href="">关于我们</a>
                                    </h4>
                                    <p> 广州品牌策划有限责任公司成立于中国品牌咨询和设计行业开始崛起的上世纪90年代，至今已发展成为中国颇具规模和影响力的综合性品牌战略咨询和设计公司。不同于管理咨询公司和单纯的设计公司，广州品牌策划有限责任公司专注于为客户创造和管理品牌，提供从品牌资产研究、市场洞察、品牌机会分析、品牌战略、品牌组合规划、命名和语词创作、设计（包括品牌识别设计...</p>
                                    <ul>
                                        <li><a href="##">
                                            <i class="fa fa-weibo"></i>
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-tencent-weibo"></i>
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-qq"></i>
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-shopping-cart"></i>
                                        </a></li>
                                    </ul>
                                </div>
                                <div class="footer_about2">
                                    <h4>
                                        <a href="">快速链接</a>
                                    </h4>
                                    <ul>
                                        <li><a href="##">
                                            <i class="fa fa-caret-right"></i>
                                            网站首页
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-caret-right"></i>
                                            关于我们
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-caret-right"></i>
                                            服务项目
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-caret-right"></i>
                                            成功案例
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-caret-right"></i>
                                            新闻资讯
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-caret-right"></i>
                                            服务支持
                                        </a></li>
                                        <li><a href="##">
                                            <i class="fa fa-caret-right"></i>
                                            联系我们
                                        </a></li>
                                    </ul>
                                </div>
                                <div class="footer_about3">
                                    <h4>
                                        <a href="">联系我们</a>
                                    </h4>
                                <div class="phone">
                                    <i class="fa fa-map-marker"></i>
                                    &nbsp;地址：XXX
                                    <br />
                                    <i class="fa fa-phone"></i>
                                    &nbsp;电话：400-888888
                                    <br />
                                    <i class="fa fa-home"></i>
                                    &nbsp;网址：
                                    <br />
                                    <i class="fa fa-globe"></i>
                                    &nbsp;传真：+86-123-4567
                                    <br />
                                    <i class="fa fa-envelope"></i>
                                    &nbsp;QQ邮箱：admin@baidu.com
                                    <br />
                                    <i class="fa fa-wechat"></i>
                                    &nbsp;QQ：88889999 
                                </div>
                                </div>
                                <div class="footer_about4">
                                    <h4>
                                        <a href="">扫描二维码</a>
                                    </h4>
                                    <img src="img/二维码.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 尾部 -->
                    <div class="footer_bottom">
                        <div class="footer_bottom_center">
                            <div class="footer_bottom_row">
                                    <p> Copyright © 2002-2025 某某品牌策划有限公司 版权所有 </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>  
</body>
</html>